@import "~@/styles/theme.less";

.tooltip-channel {
	.ant-tooltip-inner {
		width: 220px;
		word-break: break-all;
		word-wrap: break-word;
		padding: 12px;
		font-size: 12px;
		font-weight: 500;
		line-height: normal;
	}
}
.peer {
	height: 100%;
	min-height: 100%;
	background: #fff;
	height: 100%;
	.container {
		height: 100%;
		padding: 20px 32px 32px 32px;
		min-height: 335px;
		.channelWrap {
			max-width: 110px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			cursor: pointer;
		}
		.header {
			height: 32px;
			margin-bottom: 24px;
		}
		.table-list {
			box-sizing: border-box;
			.table-title {
				font-size: 16px;
				font-weight: 500;
				margin-bottom: 20.5px;
				color: #112e54;
				padding-bottom: 15.5px;
				border-bottom: 1px solid #f5f6fc;
			}
		}
		.fail {
			white-space: nowrap;
			font-size: 12px;
			font-weight: 400;
			display: flex;
			align-items: center;
			.circle {
				background-color: #e53232;
				width: 4px;
				height: 4px;
				margin-left: 1.5px;
				border-radius: 50%;
				margin-right: 9.5px;
				box-shadow: 0 0 0 2.5px rgba(229, 50, 50, 0.2);
				animation: antStatusProcessing 1.2s infinite ease-in-out;
			}
		}
		.pending {
			color: @primary-color;
		}
	}
}
@keyframes antStatusProcessing {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}
